<template>
    <view class="divider-container" :style="dividerColorStyle"></view>
</template>

<script setup>
import { onMounted, ref, watch } from 'vue';
const props = defineProps({
    dividerColor: {
        type: String,
        default: '#dcdfe5'
    }
});
const dividerColorStyle = ref('');
onMounted(() => {
    dividerColorStyle.value = `background-color: ${props.dividerColor}`;
});
</script>

<style lang="scss" scoped>
@import '@/static/css/common.scss';
.divider-container {
    width: 100%;
    height: $scale * 1rpx;
}
</style>
